<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PCFC Trakhees mobile services</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/javascript">
$(document).ready(function(e) {
	 $(".drop_nav").click(function(){
  $(this).toggleClass("nav_select");
  $(".drop_content").slideToggle();
 });
});
  function doNav(theUrl)
	  {
	  //document.location.href = theUrl;
			window.location.href=theUrl;
	  }
</script>

</head>

<body>
<!--header-->
<div class="header">
		<a href="#" class="govt"><img src="images/govt_logo.jpg" alt="" /></a>
		<a href="#" class="partner"><img src="images/partner.jpg" alt="" /></a>
		<a href="#" class="nav_button"><img src="images/nav_default.png" alt="" /></a>
        <h3 class="site_name">PCFC Mobile Services</h3>



</div>
<!--end-->

<div class="header2">

    	
        <h3 class="drop_nav">Departments</h3>
        <div class="drop_content">
        	<ul>
            	<li class="finance"><a href="#">Finance</a></li>
                <li class="civil"><a href="#">Civil Engineering</a></li>
                <li class="safety"><a href="#">Environment, Health & Safety</a></li>
                <li class="fire"><a href="#">Fire</a></li>
                <li class="commercial last_li"><a href="#">Commercial Licensing</a></li>
            </ul>
        
        </div>
        <h3 class="page_title">Service Categories</h3>

	<div class="clear"></div>
</div>
<div class="search_outer"><input type="text" value="Search" class="search round shadow" /></div>
<div class="border_btm"></div>


<!--container-->
<div class="container">

	<ul class="icons">
    	<li class="icon1"><a href="#">License</a></li>
        <li class="icon2"><a href="#">Visa</a></li>
        <li class="icon3"><a href="#">Construction Permit</a></li>
        <li class="icon4"><a href="#">Planning</a></li>
        <li class="icon5"><a href="#">Inspection</a></li>
        <li class="icon6"><a href="#">Food & Health</a></li>
        <li class="icon7"><a href="#">Environment</a></li>
        <li class="icon8" onClick="doNav('./Finance_Department/FinanceServices.html')"><a href="#">Finance</a></li>
        <li class="icon9"><a href="#">Miscellaneous</a></li>
        <li class="icon10"><a href="#">Favorites</a></li>
    </ul>




</div>
<!--end-->
<!--footer-->
<div class="footer">

	<div class="footer_nav_area">
    
        	<a href="#" class="req_meet no_lb down">Request Meeting</a>
            <a href="#" class="track_status no_rb">Track Status</a>
            <span class="trakhees_logo"><a href="#" class="no_rb no_lb"><img src="images/trakhees.png" alt="" /></a></span>
            
            <a href="#" class="help no_lb">Help</a>
            <a href="#" class="contact_us">Contact Us</a>
            <a href="#" class="about_us no_rb">About Us</a>
            <div class="clear"></div>
    </div>



<div class="clear"></div>
</div>
<!--end-->
</body>
</html>
